<!DOCTYPE html>
<html lang="ZH-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="stylesheet" href="小米.css">
</head>
<body>
    <div class="nav">
        <div class="nav_1">
            <div class="nav_2">
                <ul>
                    <li><a href="#">小米商城</a><span class="sep">|</span></li>
                    
                    <li><a href="#">MIUI </a><span class="sep">|</span></li>
                    
                    <li><a href="#"> IoT </a><span class="sep">|</span></li>
                    
                    <li><a href="#">云服务 </a><span class="sep">|</span></li>
                    
                    <li><a href="#">天星数科 </a><span class="sep">|</span></li>
                    
                    <li><a href="#">有品 </a><span class="sep">|</span></li>
                    
                    <li><a href="#">小爱开放平台 </a><span class="sep">|</span></li>
                    |</span>
                    <li><a href="#">企业团购 </a><span class="sep">|</span></li>
                 
                    <li><a href="#">资质证照 </a><span class="sep">|</span></li>
                    
                    <li><a href="#"> 协议规则 </a><span class="sep">|</span></li>
                    
                    <li><a href="#">下载app </a><span class="sep">|</span></li>
                    
                    <li><a href="#">Select Location</a></li>
                </ul>
            </div>
            <div class="nav_3">
                <ul>
                    <li>登录</li>
                    <li>注册</li>
                    <li>消息通知</li>
                    <li>购物车（）</li>
                </ul>
            </div>
        </div>

    </div>
    <header>
        <div class="log"><img src="images/logo-mi2.png" alt="" title="小米"></div>
        <div class="chanp">
            <ul><li><a href="#">xiaomi手机</a></li>
            <li><a href="#">redmi红米</a></li>
            <li><a href="#">电视</a></li>
            <li><a href="#">笔记本</a></li>
            <li><a href="#">平板</a></li>
            <li><a href="#">家电</a></li>
            <li><a href="#">路由器</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">社区</a></li></ul>
        </div>
        <div class="sos">
            <form action="">
                <input type="text">
                <button>搜索</button>
            </form>
        </div>
    </header>
    <div class="dap">
        <div class="zuo"><a href="javascript:;"> < </a></div>
        <div class="you"><a href="javascript:;"> > </a></div>
        <div class="tupian">
            <ul>
                <li><img src="图片/2022.jpeg" alt=""></li>
                <li><img src="图片/86a5eb6cbbb510063730c7ab9f10bb83.webp" alt=""></li>
                <li><img src="图片/90495f43f9a067b47b36c07d0bd2b4ff.webp" alt=""></li>
            </ul> 
        </div>
        <div class="c_nav">
            <ul>
                <li><a href="#">手机<span>></span></a></li>
                <li><a href="#">电视<span>></span></a></li>
                <li><a href="#">笔记本<span>></span></a></li>
                <li><a href="#">家电<span>></span></a></li>
                <li><a href="#">出行 穿戴<span>></span></a></li>
                <li><a href="#">智能 路由器<span>></span></a></li>
                <li><a href="#">电源<span>></span></a></li>
                <li><a href="#">儿童 健康<span>></span></a></li>
                <li><a href="#">耳机 音响<span>></span></a></li>
                <li><a href="#">生活 箱包<span>></span></a></li>
            </ul>

        </div>
    </div>
    <div class="home">
        <div class="home_1">
            <ul>
                <li><a href="#"><img src="images/x1.png" alt="">保障服务</a></li>
                <li><a href="#"><img src="images/x2.png" alt="">话费充值</a></li>
                <li><a href="#"><img src="images/x3.png" alt="">企业团购</a></li>
                <li><a href="#"><img src="images/x1.png" alt="">保障服务</a></li>
                <li><a href="#"><img src="images/x2.png" alt="">话费充值</a></li>
                <li><a href="#"><img src="images/x3.png" alt="">企业团购</a></li>
            </ul>
        </div>
        <div class="home_2">
            <a href="#"><img src="图片/g2.jpg" alt=""></a>
        </div>
        <div class="home_3">
            <a href="#"><img src="图片/g1.jpg" alt=""></a>
        </div>
        <div class="home_4">
            <a href="#"><img src="图片/g3.jpg" alt=""></a>

        </div>
    </div>
    <div class="bej">
        <div class="changtu">
            <a href="#"><img src="图片/长图.webp" alt=""></a>
        </div>
        <div class="shoji">
            <div class="shoji_hd">
                <h3>手机</h3>
                <p>查看更多</p>
            </div>
            <div class="shoji_bd">
                <div class="shoji_bd1">
                    <a href="#">
                        <img src="图片/手机1.webp" alt="">
                    </a>
                </div>
                <div class="shoji_bd2">
                    <ul>
                        <li><a href="#">
                            <img src="图片/手机2.webp" alt="">
                            <h4>Redmi10A</h4>
                            <p>大电量 大音量 大屏幕</p>
                            <em>1299元起</em>
                        </a></li>
                        <li><a href="#">
                            <img src="图片/手机2.webp" alt="">
                            <h4>Redmi10A</h4>
                            <p>大电量 大音量 大屏幕</p>
                            <em>1299元起</em>
                        </a></li>
                        <li><a href="#">
                            <img src="图片/手机2.webp" alt="">
                            <h4>Redmi10A</h4>
                            <p>大电量 大音量 大屏幕</p>
                            <em>1299元起</em>
                        </a></li>
                        <li><a href="#">
                            <img src="图片/手机2.webp" alt="">
                            <h4>Redmi10A</h4>
                            <p>大电量 大音量 大屏幕</p>
                            <em>1299元起</em>
                        </a></li>
                        <li class="topp"><a href="#">
                            <img src="图片/手机2.webp" alt="">
                            <h4>Redmi10A</h4>
                            <p>大电量 大音量 大屏幕</p>
                            <em>1299元起</em>
                        </a></li>
                        <li class="topp"><a href="#">
                            <img src="图片/手机2.webp" alt="">
                            <h4>Redmi10A</h4>
                            <p>大电量 大音量 大屏幕</p>
                            <em>1299元起</em>
                        </a></li>
                        <li class="topp"><a href="#">
                            <img src="图片/手机2.webp" alt="">
                            <h4>Redmi10A</h4>
                            <p>大电量 大音量 大屏幕</p>
                            <em>1299元起</em>
                        </a></li>
                        <li class="topp"><a href="#">
                            <img src="图片/手机2.webp" alt="">
                            <h4>Redmi10A</h4>
                            <p>大电量 大音量 大屏幕</p>
                            <em>1299元起</em>
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="footer_hd">
            <ul>
                <li>预约维修服务</li>
                <li>7天无理由退货</li>
                <li>15天免费退货</li>
                <li>满69包邮</li>
                <li>520余家网店</li>
            </ul>
        </div>
        <div class="footer_bd">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#"> 账户管理</a></dd>
                <dd><a href="#">购物指南</a></dd>
                <dd><a href="#">订单操作</a></dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">自助服务</a></dd>
                <dd><a href="#">相关下载</a></dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">自助服务</a></dd>
                <dd><a href="#">相关下载</a></dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd><a href="#">了解小米</a></dd>
                <dd><a href="#">加入小米</a></dd>
                <dd><a href="#">投资者关系</a></dd>
                <dd><a href="#">企业社会责任</a></dd>
                <dd><a href="#">廉洁举报</a></dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd><a href="#">新浪微博</a></dd>
                <dd><a href="#">官方微信</a></dd>
                <dd><a href="#">联系我们</a></dd>
                <dd><a href="#">公益基金会</a></dd>
                
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd><a href="#">F 码通道</a></dd>
                <dd><a href="#">礼物码</a></dd>
                <dd><a href="#">防伪查询</a></dd>
                
            </dl>
            <div class="lianxi">
                <h2>400-100-5678</h2>
                <p>8:00-18:00（仅收市话费）</p>
                <p class="rg"><a href="#">人工服务</a></p>
            </div>
        </div>
    </footer>                                                                                 
    
</body>
</html>